<div id="instrucciones" class="col-sm-offset-2">
	<div id="texto">
		<p id="reglas"><h3>Simple Trivial - Instrucciones de uso </h3></p> 
		<p>Simple Trivial es un juego para jugar en modo multijugador. 
		   Consiste en contestar preguntas de un tema determinado, elegido por el jugador que inicia la partida.
		   Una vez el juego empezado el jugador que está jugando pierde el turno cuando la respuesta a la pregunta sea errónea
		   por lo que deberá esperar que los demás jugadores hayan pasado su turno para continuar con el juego.
		   Ganará el jugador que llegue primero a 100 puntos.
		</p>


	</div>
	<input type="button"  class="btn btn-primary" value="Comenzar la partida" id="empezar"/>
	<input type ="button" class="btn btn-primary" value="Partidas en curso" id="enCurso"/>
</div>
<br/>
<br/>
<div id="formularioJuego" title="Dificultad del juego" class="text-center col-sm-offset-2">

</div>

<input type="button" class="btn btn-primary col-sm-offset-2" value="OK" id="validar">
<div id="botonOk" class="col-sm-offset-2">
	<input type="button" class="btn btn-primary" value="OK" id="ok">
	<h3 id="puntos" class="text-center"></h3>
</div>
	
<script>
$('#validar').hide();
$('#ok').hide();
$('#puntos').hide();

var asignatura;
var dificultad;
var numero;
var idUsuario;
var idPartida;
var preguntasRecuperadas = [];
var contadorPreguntas = 0;

$(function() {
	
	/*Recuperar la id del usuario que va a crear la partida*/
	var urlIdUsuario = "../dispatcher/usuario/idUsuario";
	
	$.getJSON(urlIdUsuario, function(data) {
		idUsuario = data;
	});
	
	$( "#validar" ).click(function() {
		asignatura = $('#asignaturas').val();
       	dificultad = $('#dificultades').val();
       	
       	if ((asignatura != "") && (dificultad != "" )) {

        	//Crea la partida 
        	var data = '{"jugadorId" : "'+ idUsuario + ' " , "juegoId" : "' + idJuego 
        		+ ' " , "dificultad" : "' + dificultad 
        		+ ' " , "tema" : "' + asignatura + '" }';
			$.ajax({
	               type: "POST",
	                url: "../dispatcher/juego/crearPartidaConDificultadYTema",
	                data: data,
	                beforeSend: function(xhr) {  
	                    xhr.setRequestHeader("Accept", "application/json");  
	                    xhr.setRequestHeader("Content-Type", "application/json");  
	                },  
	                success: function (datos) {
     					idPartida = datos;
     					$('#instrucciones' ).load('juego/usuarios.html');
	                },
	                error : function (data, status, er) {
	                	alert("error" + data + " status " +status+" er:"+er );
	                }
	        });
			
			$("#formularioJuego").hide();
        	$("#validar").hide();
       	} else {
       		alert("Debe rellenar todos los campos");
       	};
	});
	
	$("#empezar").click(function() {
		esconderBotones();
		$("#validar").show();
		$( "#formularioJuego" ).load('juego/elegirTemaYDificultad.html');		
	});
	
	$( "#enCurso" ).click(function() {
		esconderBotones();
		$('#instrucciones' ).load('juego/partidosEmpezados.html');
	});
	 
function esconderBotones() {
	$("#empezar").hide();
	$("#enCurso").hide();
}	
});
</script>
